import { Suspense, useEffect} from 'react'
import { GlobalStyle } from './style'
import Routes from '@/routes'
import Footer from './components/Footer'
import {getSuggestionListRequest} from '@/api/request'
function App() {

  // useEffect(()=>{
  //   getSuggestionListRequest('肌肉')
  //     .then(data=>{
  //       console.log(data)
  //     })
  // },[])
  return (
    <div className="App">
      <GlobalStyle />
        {/* 使用 Suspense 包裹 使用了lazy 的子组件 完成非首页的懒加载 
        并在fallback属性中添加loading...效果 */}
        <Suspense fallback={<div>加载中</div>}> 
          <Routes/>
        </Suspense>
      <Footer></Footer>
    </div>
  )
}

export default App
